[#macro dialog title="mail" help=true]
[@compress single_line=false]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head>
<title>${title} &laquo; ${site.title}</title>
<style>
body {
background: #e0e0e0;
}
#account{
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	background: #e0e0e0;
	font-size: 12px;
}

#account .container {
	width: 920px;
	margin: 0 auto;
	text-align: left;
	min-height: 200px;
}
#account .active {
	width: 450px;
	margin: 0 auto;
	min-height: 200px;
	word-break: break-all;
}
#account .top {
	background: #fff;
    height: 4.7em;
	padding: 0 10px;	
}
#account .top .logo {
	padding: 10px 0 8px;
}

#account a:link, #account a:visited {color: #3697b3;}
#account a:hover, #account a:active {color: #000;text-decoration: underline;}

#account .container2 {
	background: #fff;
	margin: 5px 0 6px;
	padding: 0 20px;
}

#account .content {
	min-height: 220px;
	padding: 20px 0 40px 0;
	color: #696969;
	line-height: 20px;
	background: #fff;
}
#account .active .content {
	min-height: 200px;
}
#account .content h3 {
	font-size: 14px;
	margin: 15px 0;
	padding-bottom: 5px;
	color: #000;
	border-bottom: 1px solid #3697b3;
}
#account .content span.error {
	color: red;
}
#account .footer {
	padding: 8px 20px;
	background: #ccc;
	color:#696969;
	font-size: 1em;
}
#account .footer a, #account .footer a:visited {
	text-decoration: underline;
	color: #888;
}
b.align {
	display: inline-block;
	width: 45px;
	text-align: right;
}
</style>
</head>
<body>
	<div id="account">
		<div class="container active">
			<div class="top">
				<div class="logo"> 
					<a href="${ui.base}" target="_blank"><img src="${ui.base}/resources/themes/evernote/images/logo_144x36.gif" border='0' alt="everblog" border="0" /></a>
				</div>
			</div>
			<div class="container2">
				<div class="content">
					[#nested]
					[#if help]
					<p>
					Contact us if any problem on:<br/>
					1.<a href="${ui.base}" target="_blank">Everblog</a><br/>
					2.<a href="mailto:admin@Everblog.com">admin@Everblog.com</a>
					<h3>&nbsp;</h3>
					Thanks,<br/>
					Everblog Team
					[/#if]
				</div>
			</div>
			<div class="footer" >${site.copyright}</div>
		</div>
	</div>
</body>
</html>
[/@compress]
[/#macro]
